iT邦幫忙

2024 iThome 鐵人賽

DAY 29
0
佛心分享-IT 人自學之術

ASP.NET Core 30日成長路系列 第 29

Day29:如何部署應用程式(Microsoft Azure篇)

  • 分享至 

  • xImage
  •  

如何部署應用程式(Microsoft Azure篇)


今天要來學的是如何將應用程式部署到Azure雲端~

小提醒⚠️
Azure的帳號除了前30天的免費試用的200美金額度之外,若是在期內超過額度是要另外付費的噢!
若是過了試用期間的話就是隨用隨付的,不會有自動扣費的制度~

註冊免費Azure帳號

第一步1️⃣
到Microsoft Azure網站申請免費試用帳號
網址🔗https://azure.microsoft.com/zh-tw/

第二步2️⃣
以Microsoft帳戶登入

第三步3️⃣
輸入基本個人資料

第四步4️⃣
以手機進行身分驗證

第五步5️⃣
以信用卡進行身分驗證

將ASP.NET Core 應用程式部署到Azure雲端App Service
在正式開始部署步驟前請以系統管理員權限執行Visual Studio~

第一步1️⃣以Code First Migrations建立資料庫
在Visual Studio的【工具】→【NuGet封裝管理員】→【套件管理主控台】輸入以下命令⬇️

Add-Migration InitialDB
Update-Database

第二步2️⃣建立種子資料
在HRContext的OnModelCreating方法加入種子資料
🔗Data/HRContext

由於DbContext異動了,故需在【套件管理主控台】提交新的異動命令

Add-Migration InitialDB
Update-Database

第三步3️⃣建立Azure雲端發佈設定檔
在專案按滑鼠右鍵→【發佈】→【Azure】→【AppService(Windows)】→新增App Service執行個體,建立MVC程式的發佈組態設定。

選擇發佈成App Service(Windows或Linux都可)。

接著登入你的Azure雲端帳號。

由於第一次登入的關係,我們要先建立資源群組。
點擊【建立新項目】→【新增】→位置選擇【East Asia】→大小選擇【免費】→【確定】→【建立】→【完成】。

建立完成後我們點擊【連線】中的【驗證連線】,確認Azure連線是否能通過驗證,成功後才進行後續步驟,否則就要重新連線或找錯。

第四步4️⃣第一次發佈MVC程式到Azure雲端
之前的步驟是建立發佈組態檔,不是真正的執行發佈。
而本案例是根據之前建立好的發佈組態檔執行發佈,請點擊【發佈】將ASP.NET Core程式發佈到Azure雲端。

第五步5️⃣建立與設定Azure SQL Database資料庫
接下來要做的是設定Azure AQL Database,目的是在Azure建立資料庫、Employees資料表及種子資料。
首先先點擊SQL Server資料庫【忽略所有設定檔】→在服務性相依的右側點擊加號按鈕→【Azure SQL Database】→【新建】

再來是建立新的「MVC_Azure_db」資料庫,點選【建立SQL Database】→輸入資料庫相關資訊後→【建立】→選取「MVC_Azure_db」後按【下一步】→設定資料庫連接字串、帳號及密碼→【完成】

當Azure SQL Database右側出現「已連線」,表示資料庫已完成設定。

同時需要再次點擊發佈【組態】→將Entity Framework移轉的【發佈時套用此移轉】打勾,下個步驟在部署就能吃到Azure SQL Database的資料庫連線設定。

第六步6️⃣第二次發佈MVC程式到Azure雲端
再次執行【發佈】,看到MVC網頁畫面後,點擊網頁Navbar選單上的Employees超連結就會顯示員工資料,這樣就將ASP.NET Core程式與Azure雲端部署成功啦~

那麼以上就是今天的分享啦~
明天見啦~See YA(。•̀ᴗ-)


上一篇
Day28:如何部署應用程式(IIS篇)
下一篇
Day30:完賽結語
系列文
ASP.NET Core 30日成長路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言